<template>
    <div>
        <headers></headers>   
        <div style="padding:1.8vh 3.2vw;height:calc(100vh - 3.69rem);width:100vw;overflow: auto;">
            <div style="background: #fff; width:100%;">
                <div class="content-top-item">
                    <p>{{title}}</p>
                    <span>{{date}}</span>
                </div>
                <el-divider></el-divider>
                <div class="ql-editor center" v-html="html">
                    
                </div>
            </div>
        </div>
    </div>
</template>

<script>
import headers from '../header'
import'@/styles/mobile.css';
// import pdf from 'vue-pdf'
export default {
    components:{headers,},
    data(){
        return {
            // numPages:5,
            // url:'', 
            html:this.$route.query.content,
            title:this.$route.query.title,
            date:this.$route.query.date,
        }
    },
    created() {
        
    },
}
</script>
<style>
#app{
    background:#F5F5F5 ;
}
</style>
<style scoped>
@import'~@/styles/quill.snow.css';

</style>
<style lang="scss" scoped>
    .content-top-item{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        p{
            font-size: 22px;
            font-weight: 600;
            margin: 0;
        }
    }
    .center{
        background: #fff;
        // min-height:calc(100vh - 3.69rem - 1.8vh - 1.8vh);
        width: 100% !important;
    }
    ::v-deep{
        .el-divider--horizontal{
            margin:0.75rem 0;
        }
    }
</style>